<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>
        <thead>
            <tr>
            <th>学生id</th>
            <th>学生名字</th>
            <th>学生班级</th>
            <th>编辑</th>
        </tr>
    </thead>
        <tbody class="studentTable"></tbody>
        
    </table>
    <script>
document.querySelector(addEventListener,(
    `
            <tr>
            <td>${student.id}</td>
            <td>${student.name}</td>
            <td>${student.className}</td>
            <td>
                <button value="修改" onclick='change' data-id="${student.id}"></button>
                <button value="添加" onclick="add" data-id="${student.id}"></button>
            </td>
        </tr>
        `
))
     

    </script>
  
</body>
</html>
<style>
    .table{
    border: 1px solid black;
    }
</style>